<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style>
		*{
			margin: 0;
			padding:0;
		}
		.bigbox{
			height: 1000px;
			overflow: hidden;
			background-color: #f0f0f0;
			
		}
/*nav*/
		.box{
			height: 50px;
			width: 1150px;
			background-color: #f0f0f0;
			margin: auto;
		}
/*      nav里首页文字*/
		.mefond{
			
			height: 30px;
			width: 250px;
			background-color:rgba(255,255,255,0);
			float:left;
			margin:15px 10px ;/*外边距*/
			font-style: normal;
			font-size: 20px;
			font-family:"kaiti";
		}
/*		nav里导航栏*/
		.bar{
			width: 240px;
			height: 40px;
			background-color:rgba(255,255,255,0);
			float: right;
			margin: 0px 0px 80px 530px ;
		}
		li{
			list-style: none;
			float: left;
			display: block;
			margin: 15px 20px;
		}
		a{
			color: #595671;
			font-size: 20px;
			font-family: "楷体" ;
			text-decoration: none;
		}
		a:hover{
			border-bottom: 2px solid black;
			color: black;
		}
/*nav结束*/
/*名字描述区*/
		.name{
			height: 150px;
			background-color: #f0f0f0;
			line-height: 20px;
			border-top: 1px solid #595671;
		}
		p{
			float: left;
			margin-left: 115px;
			font-family: "kaiti" ;
			font-size: 25px;
			color: #595671;
		}
		.picture{
			width: 1280px;
			height: 670px;
			background-color: wheat;
			margin: auto;
		}
		img{
			float: left;
		}
	</style>
</head>
<body>
	<div class="bigbox">
<!--		nav-->
		<div class="box">
<!--			nav里首页文字-->
		  <div class="mefond"><a href="index.html">首页</a></div>
<!--			nav里导航栏-->
          <div class="bar">
			<li><a href="登录.html">登录</a></li>
			<li><a href="l联系.html">联系</a></li>
			<li><a href="介绍.html">介绍</a></li>
		  </div>
		</div>
<!--		nav结束-->
<!--		名字描述区-->
		<div class="name">
		<p>中国 湖北 荆州 长江大学文理学院 计科5183班 赖继娟 英文名calin.</p></div>
<!--		照片区-->
		<div class="picture"><img src="images/个人中心背景.jpg" alt=""></div>
	</div>
</body>
</html>
